<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I embed an audio file on a Lessons page?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I embed an audio file on a Lessons page?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_E48808DB-127A-45DB-919D-E2EDB3E110D2" class="text-block-content">
    <p>Instructors can add an embedded audio at any point in a Lessons Page.</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Go to Lessons.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/007/053/814/original/18d5e6a8-7fd2-4089-88d3-b6b338c9270b.png" alt="" height="110" width="202">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_3D63126A-9E60-4ECA-BAC0-96DA87784DCA" class="text-block-content">
    <p>If you titled your page something other than <em>Lessons</em>, select the title of the page as it appears in your Tool Menu.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-add-content-then-embed-content-on-page">
    <h2 class="step-title screensteps-heading">Click Add Content, and then select Embed Content on the Page.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/634/original/2b47cb6d-5bfd-4336-90dc-dc24832ca096.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/634/medium/2b47cb6d-5bfd-4336-90dc-dc24832ca096.png" alt="" height="549" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_A84D93A1-95FB-41A4-82F9-68DF20C0B1B1" class="text-block-content">
    <p>From the<strong> Add Content </strong>drop-down menu, select <strong>Embed Content on the Page</strong>.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Choose Files.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/182/630/original/e5657bd8-7746-4486-8275-25eb9044fe45.png" alt="" height="447" width="813">
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="locate-the-audio-file-select-it-and-click-open">
    <h3 class="step-title screensteps-heading">Locate the audio file, select it and click Open.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/182/628/original/db647530-684d-4d6e-bad1-9626910ec517.png" alt="" height="406" width="617">
  </div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Click Save.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/182/632/original/a57f31f6-8765-47bf-a090-2ff63d441eb9.png" alt="" height="475" width="810">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_61AB1557-0BC3-4FCD-827C-00E7C8AC39D9" class="text-block-content">
    <p>The file you have selected will appear listed above the <strong>Choose Files </strong>option. </p>
<p>(Optional) You may upload additional files if desired.</p>
<p>Click <strong>Save</strong> to complete the upload.</p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-embedded-audio">
    <h3 class="step-title screensteps-heading">View embedded audio.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/623/original/a279a2c7-0d40-419a-a2dc-f56713dd812a.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/623/medium/a279a2c7-0d40-419a-a2dc-f56713dd812a.png" alt="" height="212" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_837B4CF1-0B66-4177-81AB-78A2FAF4C502" class="text-block-content">
    <p>The audio file will display embedded on the page.</p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-edit-optional">
    <h2 class="step-title screensteps-heading">Click Edit. (Optional)</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/626/original/c9419e32-9699-4883-a6db-ea5aabed96df.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/626/medium/c9419e32-9699-4883-a6db-ea5aabed96df.png" alt="" height="135" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_6E59E4BC-4EF8-4DEC-A8F8-87D73307F5FA" class="text-block-content">
    <p>To add a description of the audio file, click on <strong>Edit</strong>.</p>
  </div>
</div>
 
        <div class="step screensteps-section screensteps-depth-2">
    <h3 class="step-title screensteps-heading">Add a description.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/182/624/original/1543682e-6665-4a5b-929c-87996362d350.png" alt="" height="387" width="810">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_932554CF-16FB-4D5B-952A-059EE25C1D01" class="text-block-content">
    <p>Add a description of the audio file, then click <strong>Update Item</strong>.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="view-updated-item">
    <h3 class="step-title screensteps-heading">View updated item.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/638/original/87cb65cc-29b1-46cd-b52d-4c74e9ecff64.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/638/medium/87cb65cc-29b1-46cd-b52d-4c74e9ecff64.png" alt="" height="150" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_EB6A935C-115A-455F-834C-3ED2EF22048B" class="text-block-content">
    <p>This returns the display to the Lessons page with the embedded audio and its description.</p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="notice-the-file-location-in-resources">
    <h2 class="step-title screensteps-heading">Notice the file location in Resources.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/182/636/original/d3e4e6a1-eeb8-4174-b98d-07005ac67184.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/182/636/medium/d3e4e6a1-eeb8-4174-b98d-07005ac67184.png" alt="" height="355" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_57F74645-5783-4FA3-971B-9290A3B4B0E0" class="text-block-content">
    <p><em>Note: The audio file is not streamed to the user. The larger the audio file, the longer it will take for the audio file to load on the Lessons page.</em></p>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
